<template>
	<div class="padding-container preview-wrap">
		<div class="title-part" v-show="batch == 1">
		</div>
    <el-tabs type="border-card">
		  <el-tab-pane :label="$root.lang.control.device.detail.log.reportLogtitle">
				<ReportLog :sid="sid + ''" :batch="batch + ''" />
		  </el-tab-pane>
		  <el-tab-pane :label="$root.lang.control.device.detail.log.operateLogtitle">
				<OperateLog :deviceId="deviceId + ''" :batch="batch + ''" />
		  </el-tab-pane>
		</el-tabs>
	</div>
</template>

<script>
import OperateLog from './operateLog'
import ReportLog from './reportLog'
export default {
	name: 'DeviceLog',
  components:{
		ReportLog, OperateLog
	},
  props: {
    sid: {
      type: String,
      default: ''
    },
    deviceId: {
      type: String,
      default: ''
    }
  },
	data() {
		return {
      batch: '0',
		}
	},
  methods: {
  },
  created() {
    this.batch = this.$route.params.batch
  },
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
	.padding-container {
		text-align: left;
		.title-part {
			text-align: left;
			font-size: 16px;
			padding-bottom: 30px;
		}
	}
</style>